import ArkDesensitized from "../ark-desensitized/ArkDesensitized.vue";

export default {
  title: 'base-component-v1/ArkDesensitized',
  component: ArkDesensitized,
  parameters: {
    docs: {
      description: {
        component: `请配合 <span style="font-weight: bold;font-size: 14px;color: grey">vue、tailwindcss、ArkIconFont</span> 使用`
      }
    }
  },
  argTypes: {
    value: {description: '值'},
    desensitizedValue: {description: '脱敏值'},
  }
};

export const Basic = {
  name: '基本使用',
  render: (args) => ({
    components: {ArkDesensitized},
    setup() {
      return {args};
    },
    template: '<ArkDesensitized class="text-base" v-bind="args"/>',
  }),
  args: {
    value: '18674557455',
    desensitizedValue: '186********'
  },
};